@charset "utf-8";
/*reset*/

/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}

table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:underline;}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left;padding:10px;}
.fr {float:right;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}

/*其他*/
.cur{cursor:pointer};



/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;width:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;font-weight: normal;}
h2 { font-size:26px;font-weight: normal;}
h3 { font-size:20px;font-weight: normal;}
h4 { font-size:14px;font-weight: normal;}
h5 { font-size:12px;font-weight: normal;}
h6 { font-size:10px;font-weight: normal;}
a:hover{text-decoration: none;}

/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}

/*end reset*/

/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: "微软雅黑"; position:relative;min-width:1200px;width:100%;}/*网站字体颜色*/
.container{margin-left:auto; margin-right:auto; width:1200px;}

@font-face{
    font-family: 'QUEEN';
    src : url('../../font/AGENCYR.TTF');
}

/*页眉*/
.header{width:100%; overflow:hidden; background-color:#fff;}


/* Header */

/* Header End */

/* Title */
.Title{text-align: center;}
.Title h3 a{font-size: 32px;color: #333;}
.Title p{font-size: 12px;color: #999;margin-top: 6px;}
.Title i{width: 285px;height: 55px;display: block;background: url(Img/Common/Title.png) no-repeat center;margin: 6px auto 0;}
.Title02 i{background: url(Img/Common/Title02.png) no-repeat center;}
.Title02 h3 a{color: #e9e9e9;}
.Title02 p{color: #e9e9e9;}
/* Title End */

/* Nav */
.Nav{height: 80px;background: url(Img/Index/NavBg.png) center; top : 0;left: 0;right: 0;z-index: 99;width: 100%;border-bottom: 1px #1b1a1c solid;    padding: 20px 0; position:fixed;}

.Nav.cur{animation:dongdhu 1s linear; -webkit-animation:dongdhu 1s linear;padding: 0;position:fixed;}
.Nav.cur .NavBox .NavTex ul li{float: left;height: 78px;line-height: 78px;}

@keyframes dongdhu 
{
	from{ padding:20px 0}
	to{ padding: 0}
}
@-webkit-keyframes dongdhu 
{
	from{ padding:20px 0}
	to{ padding: 0}
}

.NavBox{padding:0px 60px;}
/*.NavBox a.Logo{padding-top: 11px;}*/
.NavBox .NavTex ul li{float: left;height: 98px;line-height: 98px;margin-left: 55px;}
.NavBox .NavTex ul li:first-child{margin-left: 0;}
.NavBox .NavTex ul li a{color: #fff;font-size: 16px;display: block;}
.NavBox .NavTex ul li:hover{border-bottom: 2px #47906d solid;}
.NavBox .NavTex ul li:hover a{color: #47906d;}

.searchBox{padding: 31px 0 0 60px;height: 70px;position:  relative;}
.searchBox a {background: url(Img/Common/search.png) no-repeat center;width: 19px;height: 19px;display: block;}
.searchBox .search {position: absolute;width: 0;height: 30px;right: 40px;top: 25px;background: #fff;overflow: hidden;transition: all 0.5s;}
.searchBox .search input {display: block;width: 260px;height: 30px;line-height: 30px;border: none;text-indent: 15px;font-size: 13px;color: #999;}
.searchBox:hover .search{width: 260px;right: 40px;}
/* Nav End */

/* Footer */
.Footer{background-color: #242424;}

.FooterTop{height: 275px;padding-top: 55px;}
.FooterTop dl{float: left;}
.FooterTop dl dt{margin-bottom: 30px;}
.FooterTop dl dt a{font-size: 18px;color: #fafbfb;}
.FooterTop dl dd a{display: block;color: #999;font-size: 14px;margin-top: 5px;}
.FooterTop dl dd a:first-child{margin-top: 0;}
.FooterTop dl.dl01{width: 200px;}
.FooterTop dl.dl02{width: 280px;padding-top: 25px;}
.FooterTop dl.dl03{width: 220px;}
.FooterTop dl.dl04{width: 230px;}

.FooterBox{width: 270px;text-align: right;}
.FooterBox p{font-size: 16px;color: #999;}
.FooterBox h3{font-size: 30px;color: #3c7258;padding: 5px 0 10px;font-family: "QUEEN";font-weight: bold;}
.FooterBox p.p2{font-size: 16px;color: #999;}
.FooterBox p.p2 em{font-size: 14px;display: block;margin-top: 5px;line-height: 20px;}

.FooterBot{height: 90px;border-top: 1px #474747 solid;line-height: 90px;}
.FooterBot P{font-size: 12px;color: #999;}
.FooterBot P a{color: #999;margin: 0 5px;}
.FooterBot .box3{width: 128px;height: 38px;position: relative;cursor: pointer;margin-top: 25px;background-color: #3c7258;}
.FooterBot .box3 span{display: block;float: left;width: 89px;height: 38px;line-height: 38px;text-align: center;font-size: 14px;color: #dedede;}
.FooterBot .box3 i{display: block;width: 38px;height: 38px;float: left;background: url(Img/Common/sjx.png) no-repeat center;}
.FooterBot .box3 .link.xs i{background: url(Img/Common/sjx02.png) no-repeat center;}
.FooterBot .box3 .con{width: 126px;position: absolute;z-index: 999;}
.FooterBot .box3 .con a{display: block;height: 34px;line-height: 34px;font-size: 14px;color: #555;background: #fff;border-top: 1px solid #e6e6e6;text-indent: 10px;}
.FooterBot .box3 .con a:first-child{border-top: none;}
.FooterBot .box3 .con a:hover{background: #e6e6e6;color: #333;}
.FooterBot .box3 .Border{border:1px solid #e6e6e6;border-bottom: none;}
/* Footer End */

/*返回顶部*/
.retop ul{ overflow:hidden;}
.retop li{ float:left; margin-left:10px;}
.retop li img{ display:block;}
.rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:80%; right:46%; margin-right:-615px; cursor:pointer;  display:none;}
.rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;}
.rtTop img{ display:block; position:absolute; top:0; left:0;}

/* -- 弹出窗口 -- */
#oran_full_bg{ display:none !important;}

/* tanchuang1 提交弹窗*/
.tanchuang1{width:100%;position: fixed;top: 0;left: 0;background: url(Img/tanchuang/tanchuangBg.png);height:100%; z-index:9999999;}
.tanchuang1 .conBox{width: 400px;height: 212px;padding: 20px;background: #fff;position: absolute;left: 50%;margin-left: -220px;top: 50%;margin-top: -80px; z-index:9999999;}
.tanchuang1 .conBox .tcClose{width: 33px;height: 90px;position: absolute;right: 45px;top: -90px;cursor: pointer;z-index:999999999999999;}
.tanchuang1 .conBox .box{width: 398px;height: 190px;border: 1px solid #e5e5e5;padding-top: 20px;text-align: center;position: relative;}
.tanchuang1 .conBox .box img{display: block;width: 47px;height: 47px;margin: 0 auto;}
.tanchuang1 .conBox .box h5{font-size: 24px;color: #2E8C5A;font-weight: bold;margin-top: 10px;}
.tanchuang1 .conBox .box p{font-size: 16px;color: #4d4d4d;margin-top: 10px;}
.tanchuang1 .conBox .box .b15{display: block;width: 150px;height: 52px;line-height: 52px;text-align: center;font-size: 18px;color: #fff;position: absolute;bottom: -1px;left: 50%;margin-left: -75px;background: #2E8C5A;text-decoration: none;z-index:999999999999999;border:0px;}
.tanchuang2 .conBox .box a{background: #404040;}

/* 错误提示 */
.errorMainCon{width: 100%;background: url(Img/tanchuang/errorBg.jpg) no-repeat center #f6f6f6;;height: 330px;padding-top: 300px;}
.errorMainCon h3{width: 525px;height: 80px;line-height: 80px;text-align: center;font-size: 24px;color: #1e1e1e;font-weight: normal;margin: 0 auto;}
.errorMainCon h3 em{color: #df1f29;font-weight: bold;}
.errorMainCon p{font-size: 20px;color: #000000;text-align: center;margin-top: 30px;}
.errorMainCon p em{color: #df1f29;}
.errorMainCon a.error-url{font-size: 15px;color: #999999;font-family: arial;display: block;text-align: center;margin-top: 4px;}
.errorMainCon .btn{text-align: center;height: 52px;width: 228px;margin: 30px auto 0;overflow: hidden;}
.errorMainCon .btn .a1{display: block;width: 104px;height: 52px;line-height: 52px;text-align: center;font-size: 16px;color: #818181;background: #e3e3e3;border-radius: 4px;float: left;text-decoration: none; border:none;}
.errorMainCon .btn .a1:first-child{background: #df1f29;color: #fff;margin-right: 20px;}


@charset "utf-8";


/* Banner */
.banner{width: 100%;height: 620px;position: relative;}
.banner a{display: block;height: 620px;}
/* Banner End */

/* Scenario */
.Scenario{background: url(Img/Index/scenarioBg.jpg) no-repeat center;padding: 45px 0 65px;position: relative;}

.Scenario ul li{float: left;width: 99px;position: relative;top: 600px;opacity: 0;}
.Scenario ul li a{display: block;}
.Scenario ul li a p{font-size: 18px;color: #333;margin-top: 20px;text-align: center;}
.Scenario ul li.li02{margin: 75px 130px 0 85px;}
.Scenario ul li.li03{margin-top: 45px;}
.Scenario ul li.li04{margin: 115px 130px 0;}
.Scenario ul li.li05{margin: 85px 131px 0 0;}
/* Scenario End */

/* Support */
.Support{background: url(Img/Index/supportBg.jpg) no-repeat center;padding: 43px 0 81px;}

.Support dl dt{padding: 25px 85px 70px;}
.Support dl dt p{font-size: 18px;color: #333;line-height: 30px;text-align: center;}
.Support dl dt h1{width: 360px;margin: 0 auto;overflow:  hidden;}
.Support dl dt a{display: block;width: 160px;height: 50px;background-color: #202020;font-size: 20px;color: #fff;line-height: 50px;text-align: center;float: left;margin: 35px 0 0 40px;}
.Support dl dt a.a1{margin-left: 0;}
.Support dl dt a.cur{background-color: #47906d;}
.Support dl dt a i{width: 14px;height: 11px;display: inline-block;background: url(Img/Index/support03.png) no-repeat center;margin-left: 10px;}

.Support dl dd ul li{float: left;margin-left: 80px;}
.Support dl dd ul li:first-child{margin-left: 0;}
.Support dl dd ul li a{display: block;}
.Support dl dd ul li a p{font-size: 20px;color: #333;text-align: center;margin-top: 25px;}
.Support dl dd ul li a .Box{position: relative;}
.Support dl dd ul li a .Box span{display: block;width: 560px;height: 350px;}
.Support dl dd ul li a .Box span img{display: block;width: 100%;}
.Support dl dd ul li a .Box i{display: block;width: 43px;height: 43px;position: absolute;top: 155px;left: 50%;right: 0;margin-left: -21px;}
.Support dl dd ul li a .Box i img{display: block;width: 100%;}
.Support dl dd ul li.li01 a .Box i{-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:data1 1.1s linear infinite;}
.Support dl dd ul li.li02 a .Box i{-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:data2 1.4s linear infinite;}

@keyframes data1 {
    25% {-webkit-transform: translateY(-10px);}
    50%, 100% {-webkit-transform: translateY(0);}
   75% {-webkit-transform: translateY(10px);}
    }
@keyframes data2{
    25% {-webkit-transform: translateY(-10px);}
    50%, 100% {-webkit-transform: translateY(0);}
   75% {-webkit-transform: translateY(10px);}
}
/* Support End */

/* Pop-ups */
.video-frame{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.8);z-index: 9999999;}
.video-frame .box{ width:1100px; height:500px; border:5px solid #e9cf8f; position:absolute; z-index:5; left:50%; top:50%; margin-left:-555px; background-color:#000;  border-radius:5px;z-index: 99;margin-top:-250px;}
.video-frame .box .close{ display:block; position:absolute; cursor:pointer; right:-30px; top:-5px}
/* Pop-ups End */

/* Acoustics */
.Acoustics{background-color: #242424;padding: 60px 0 40px;}
.AcousticsBox{padding: 40px;}

.AcousticsText{background-color: #fff;}
.AcousticsText dl{padding: 15px;}
.AcousticsText dl dt{width: 600px;}
.AcousticsText dl dt a{width: 600px;height: 396px;display: block;overflow: hidden;}
.AcousticsText dl dt img{display: block;width: 100%;transition: .8s;}
.AcousticsText dl dt:hover a img{transform: scale(1.1);}
.AcousticsText dl dd{width: 510px;}
.AcousticsText dl dd h4{font-size: 28px;color: #333;padding: 5px 0 20px;}
.AcousticsText dl dd p{font-size: 14px;color: #999;margin-bottom: 5px;}
.AcousticsText dl dd p.p3{color: #666;margin: 30px 0 35px;line-height: 30px;}
.AcousticsText dl dd a{font-size: 14px;color: #47906d;position: relative;padding-left: 30px;margin-top: 50px;display: block;}
.AcousticsText dl dd a i{width: 16px;height: 1px;display: block;background-color: #47906d;position: absolute;left: 0px;top: 10px;}
.AcousticsText dl dd ul li{float: left;width: 170px;}
.AcousticsText dl dd ul li span{font-size: 32px;color: #333;font-weight: bold;}
.AcousticsText dl dd ul li em{font-weight: normal;font-size: 12px;}
.AcousticsText dl dd ul li p{color: #333;font-size: 14px;margin-top: 5px;}

.AcousticsNav{height: 111px;background-color: #fff;margin-top: 30px;}
.AcousticsNav ul{width: 1203px;}
.AcousticsNav ul li{width: 171px;float: left;text-align: center;border-left: 1px #d6d6d6 solid;position: relative;}
.AcousticsNav ul li:first-child{border-left: none;}
.AcousticsNav ul li.cur{background-color: #47906d;box-shadow: 0 0 20px rgba(60,114,88,0.9);}
.AcousticsNav ul li.cur a p{color: #fff;}
.AcousticsNav ul li a{display: block;height: 61px;padding: 25px 0;}
.AcousticsNav ul li a span{width: 30px;height: 30px;overflow: hidden;display: block;position: relative;margin: 0 auto;}
.AcousticsNav ul li a span img{display: block;width: 30px;height: 60px;position: relative;}
.AcousticsNav ul li.cur a span img{top: -30px;}
.AcousticsNav ul li a p{font-size: 16px;color: #333;margin-top: 10px;}
.AcousticsNav ul li a i{width: 28px;height: 13px;display: block;background: url(Img/Index/Acousticssjx.png) no-repeat center;position: absolute;top: -13px;left: 50%;right: 0;display: none;margin-left: -14px;}
.AcousticsNav ul li.cur a i{display: block;}
/* Acoustics End */

/* Choose */
.Choose{background-color: #f5f5f5;padding: 60px 0 70px;}

.Choose .ChooseCon .Box{position: relative;}
.Choose .ChooseCon .Box span{display: block;padding: 30px 0 50px;cursor: pointer;}
.Choose .ChooseCon .Box span img{display: block;width: 100%;}

.Choose .ChooseCon .Box i{position: absolute;top: 115px;left: 50%;right: 0;width: 187px;height: 187px;display: block;-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:future 1.5s infinite;opacity: 1;margin-left: -93.5px;}
.Choose .ChooseCon .Box i img{display: block;width: 100%;}
@keyframes future{
    0%{opacity:0.2;transform:scale(0.7)}
    50%{opacity:1;transform:scale(1.1)}
	100%{opacity:0.2;transform:scale(0.7)}
}
@-webkit-keyframes future{
    0%{-webkit-opacity:0.2;transform:scale(0.7)}
    50%{-webkit-opacity:1;transform:scale(1.1)}
	100%{-webkit-opacity:0.2;transform:scale(0.7)}
}

.Choose .ChooseCon ul li{float: left;width: 24.9%;text-align: center;border-left: 1px #e0e0e0 solid;height: 220px;}
.Choose .ChooseCon ul li:first-child{border-left: none;}
.Choose .ChooseCon ul li em{width: 69px;height: 69px;display: block;margin: 0 auto;}
.Choose .ChooseCon ul li em img{display: block;width: 100%;transition: 1s;}
.Choose .ChooseCon ul li h4{font-size: 18px;color: #333;font-weight: bold;padding: 20px 0 10px;}
.Choose .ChooseCon ul li p{font-size: 14px;color: #666;line-height: 25px;padding: 0 20px;}
.Choose .ChooseCon ul li:hover em img{transform: rotate(360deg);}
/* Choose End */

/* Reservation */
.Reservation{background: url(Img/Index/reservationBg.jpg) no-repeat center;height: 639px;}

.ReservationCon{background-color: #fff;padding: 60px 40px;width: 361px;height: 327px;float: right;margin-top: 110px;}
.ReservationCon h3{font-size: 24px;color: #3c7258;background: url(Img/Index/reservation04.png) no-repeat left;padding-left: 25px;}
.ReservationCon p{font-size: 14px;color: #999;margin-top: 5px;}
.ReservationCon a.submin{height: 45px;line-height: 45px;font-size: 16px;color: #fff;text-align: center;background-color: #47906d;display: block;margin-top: 35px;}
.ReservationCon a.submin:hover{background-color: #3c795c;}

.ReservationCon ul{margin-top: 35px;}
.ReservationCon ul li input{outline: none;font-size: 14px;color: #999;background: url(Img/Index/reservation03.png) no-repeat right;height: 45px;line-height: 45px;border: none;margin-top: -2px;width: 361px;}
.ReservationCon ul li{border:1px #ccc solid;width: 100%;height: 45px;line-height: 45px;margin-top: 17px;padding: 0 10px;}
.ReservationCon ul li:first-child{margin-top: 0;}
.ReservationCon ul li.li02 input{background: url(Img/Index/reservation02.png) no-repeat right;}
.ReservationCon ul li.li03 input{background: url(Img/Index/reservation01.png) no-repeat right;}
/* Reservation End */

/* News */
.News{background-color: #f3f4f4;padding: 50px 0 50px;}
.News .NewsCon{margin-top: 25px;}

.News .NewsLeft{width: 450px;}
.News .NewsLeft dl dt a{display: block;width: 450px;height: 231px;overflow: hidden;}
.News .NewsLeft dl dt a img{display: block;width: 100%;transition: .8s;}
.News .NewsLeft dl dt:hover a img{transform: scale(1.1);}
.News .NewsLeft dl dd h4{margin-top: 35px;}
.News .NewsLeft dl dd h4 a{font-size: 18px;color: #333;}
.News .NewsLeft dl dd span{font-size: 12px;color: #999;margin-top: 5px;display: block;}
.News .NewsLeft dl dd p{font-size: 14px;color: #666;margin-top: 22px;line-height: 25px;}

.NewsConRight{width: 660px;}
.News .NewsConRight dl{margin-top: 40px;}
.News .NewsConRight dl:first-child{margin-top: 0;}
.News .NewsConRight dl a{display: block;}
.News .NewsConRight dl:hover dt{background-color: #47906d;}
.News .NewsConRight dl:hover dt b{color: #fff;}
.News .NewsConRight dl:hover dt i{color: #fff;}
.News .NewsConRight dl:hover dt span{color: #fff;}
.News .NewsConRight dl dt{width: 113px;height: 100px;background-color: #fff;text-align: center;}
.News .NewsConRight dl dt p{font-size: 40px;color: #666;margin-top:  10px;display:  block;}
.News .NewsConRight dl dt i{width: 27px;height: 1px;background-color: #e0e0e0;display: block;margin: 5px auto;}
.News .NewsConRight dl dt span{display: block;color: #666;font-size: 14px;}
.News .NewsConRight dl dd{width: 520px;}
.News .NewsConRight dl dd h4{font-size: 18px;color: #333;}
.News .NewsConRight dl dd p{font-size: 14px;color: #666;line-height: 25px;margin-top: 20px;}
.News .NewsConRight dl:hover dd h3{color: #47906d;}
/* News End */

/* Case */
.Case{background: url(Img/Index/CaseBg.jpg) center;padding: 55px 0 85px;}
.CaseTop{padding-top: 50px;}

/* CaseTop */
.Photo{width: 100%;}

.Photo .xc_ul{position: relative;}
.Photo .xc_ul ul{margin-left: -1349px;width: 4000px;position: relative;}
.Photo .xc_ul ul li{text-align: center;padding-bottom: 62px;margin: 0 50px;float: left;width: 1200px;position: relative;}
.Photo .xc_ul ul li>a{display: block;width: 1200px;height: 493px;overflow: hidden;}
.Photo .xc_ul ul li a img{display: block;width: 1200px;height: 493px;transition: all 1s ease-out;}
.Photo .xc_ul ul li a img:hover{transform: scale(1.1);}
.CaseTop-Text{background-color: #fff;text-align: center;width: 740px;margin: 0 auto;position: absolute;bottom: 7px;right: 0;left: 50%;margin-left: -370px;}
.CaseTop-Text h4{font-size: 22px;color: #333;padding-top: 30px;}
.CaseTop-Text p{font-size: 14px;color: #999;line-height: 20px;margin-top: 20px;padding: 0 145px;}
.CaseTop-Text a.More{background-color: #47906d;height: 55px;line-height: 55px;color: #fff;display: block;font-size: 14px;margin-top: 20px;}

.Photo .container{position: relative;}
.Photo .container .konbai01{width: 901px;height: 493px;position: absolute;bottom: 62px;left:-1000px;z-index: 8;background: url(Img/Index/NavBg.png) center;}
.Photo .container .konbai02{width: 899px;height: 493px;position: absolute;bottom: 62px;right:-1000px;z-index: 8;background: url(Img/Index/NavBg.png) center;}
.Photo .container .Photo-but .photo_anniu{width: 98px;height: 800px;position: absolute;top: 0;}
.Photo .container .Photo-but .photo_dinwei01{position: absolute;top:100px;left: -98px;}
.Photo .container .Photo-but .photo_dinwei02{position: absolute;top:100px;right: -100px;}
.Photo .Photo-but a{display: block;width: 28px;height: 54px;margin-top: 179px;margin-left: 35px;}
.Photo .Photo-but .PhotoBtn01{background: url(Img/Index/CaseIcon01.png) no-repeat center;}
.Photo .Photo-but .PhotoBtn02{background: url(Img/Index/CaseIcon02.png) no-repeat center;}
/* CaseTop End */

/* CaseBot */
.CaseBot{padding-top: 90px;}
.Case .CaseNav{margin: 0 auto 35px;width:873px;}
/*.Case .CaseNav ul{
    text-align:  center;
    margin-left: 85px;
}*/
.Case .CaseNav ul li{width: 155px;height: 51px;text-align: center;line-height: 51px;border: 1px #606060 solid;border-radius: 50px;float: left;margin-left: 22px;}
.Case .CaseNav ul li:first-child{margin-left: 0;}
.Case .CaseNav ul li a{font-size: 16px;color: #fff;display: block;}
.Case .CaseNav ul li.cur{background-color: #3c7258;border: 1px #3c795c solid;}
.Case .CaseImg ul li{width: 380px;float: left;margin:10px;}
/* .Case .CaseImg ul li:first-child{margin-left: 0;} */
.Case .CaseImg ul li a{display: block;}
.Case .CaseImg ul li a span{width: 380px;height: 216px;display: block;overflow: hidden;}
.Case .CaseImg ul li a span img{display: block;width: 100%;transition: .8s;}
.Case .CaseImg ul li:hover a span img{transform: scale(1.1);}
.Case .CaseImg ul li a p{height: 50px;line-height: 50px;font-size: 16px;color: #333;background: url(Img/Index/Case01.jpg) no-repeat 363px;background-color: #fff;padding: 0 10px;text-align: center;}
.Case .CaseImg ul li:hover a p{color: #fff;background: #3c795c url(Img/Index/Case08.png) no-repeat 363px;}
/* CaseBot End */

/* Case End */

/* Banner */
.banner{width: 100%;height: 811px;position: relative;}

.banner .slideBox{width: 100%;height: 811px;position: relative;z-index: 8;}
.banner .slideBox ul{position: absolute;left: 0;top: 0;}
.banner .slideBox li{position: relative;float: left;height: 811px;overflow: hidden;}
.banner .slideBox li img{display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;width: 1920px;height: 811px;}
.banner .bannerList{width: 100%;text-align: center;position: absolute;left: 0;bottom: 55px;z-index: 9;}
.banner .bannerList span{display: inline-block;*display: inline-block;width: 34px;height:34px;background: url(Img/Index/BannerBox02.png) no-repeat center;margin: 0 7px;cursor: pointer;}
.banner .bannerList span.cur{background: url(Img/Index/BannerBox01.png) no-repeat center;}
.banner:hover .bannerBtn{display: block;}
/* Banner End */